<template>
    <div class="first">first</div>
</template>
<script>
export default {
    name: 'FirstName',
    data() {
        return {}
    },
    beforeCreate() {
        console.log('beforeCreate first child')
    },
    created() {
        console.log('created first child')
    },
    beforeMount() {
        console.log('beforeMount first child')
    },
    mounted() {
        console.log('mounted first child')
    },
    activated() {
        console.log('activated first child')
    },
    deactivated() {
        console.log('deactivated first child')
    },
    beforeDestroy() {
        console.log('beforeDestroy first child')
    },
    destroyed() {
        console.log('destroyed first child')
    },
    beforeRouteEnter(to, from, next) {
        console.log(to, from);
        console.log('beforeRouteEnter first child')
        next()
    },
    beforeRouteUpdate() {
        console.log('beforeRouteUpdate first child')
    },
    beforeRouteLeave(to, from, next) {
        console.log(to, from);
        console.log('beforeRouteLeave first child')
        next()
    },
}
</script>
<style lang="scss" scoped>
.first {
}
</style>
